// childCom1.vue
<template class="border">
  <div>
    <div style="height:24px"></div>
    <p>name: {{ name}}</p>
    <div style="height:24px"></div>
    <p>childCom1的 $attrs : {{ $attrs }}</p>
    <div style="height:24px"></div>
    <child-com2 v-bind="$attrs"></child-com2>
  </div>
</template>
<script>
const childCom2 = () => import("./childCom2.vue");
export default {
  components: {
    childCom2
  },
  inheritAttrs: false, // 可以关闭自动挂载到组件根元素上的没有在props声明的属性
  props: {
    name: String // name作为props属性绑定
  }
};
</script>
<style scoped>
p {
  font-size: 16px;
  color: blueviolet;
}
</style>